/* Basic Elements */
* {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}

h1, h2, h3, h4, h5 { font-weight:normal; }

body {
	overflow: hidden;
	font-family: 'Sylfaen';
	font-size: 14px;
}

.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.left { float:left; }
.right { float:right; }
.inner { padding:10px 15px; }
.last-block { margin-right:0 !important; }

/* Wrapper */
div#wrapper {
	margin: 0 auto;
	width: 520px;
}

/* Header */
div#header {
	background:url('../images/header.png') no-repeat;
	position: relative;
}
/* Logo */
div#logo {
	position: absolute;
}

div#logo a {
	display:block;
	text-indent:-9999px;
}
/* Date Button */
a.date-btn {
	background:url('../images/date-btn.png') no-repeat;
	display:block;
	text-indent:-9999px;
}
a.date-btn:hover { background-position:left bottom; }

a.btn {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:block;
	height:24px;
	line-height:24px;
	padding:0 8px;
	text-decoration:none;
	font-size:12px;
}

/* Content */
div#content {
	background-image:url('../images/content-bg.png');
	background-repeat:repeat-x;
	border:1px solid #e9e8e8;
	border-top:0;
}

div.content-radius {
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	behavior: url('./js/css3/PIE.htc');
}

/* Promotions Header */
div#promotions-header { position: relative; padding:10px; z-index:5; }

/* Datepicker */
div#datepicker {
	position: absolute;	
	top:40px;
	left:5px;
	z-index:4;
}

/* Featured Promotions List */
div#promotions-featured-list {
	padding:0 10px;
}

div.featured-promotion-block {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	width:245px;
	height:220px;
	margin:0 8px 7px 0;
	overflow: hidden;
	position: relative;
	z-index:1;
}

div.featured-promotion-link {
}

div.featured-promotion-link a {
	background:#fff;
	height:220px;
	width:245px;
	display:block;
	z-index:4;
	position: absolute;
	top:0;
	left:0;
	text-indent:-9999px;
}

div.featured-promotion-details {
	background:url('../images/pix.png');
	color:#fff;
	position: absolute;
	bottom: 0;
	left:0;
	padding:10px;
	width:100%;
}

div.featured-promotion-details span { display:block; }

/* List View */
div.promotions-item {
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:10px;
	margin-bottom:2px;
}

div.promotions-image {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	float:left;
	margin-right:10px;
	overflow: hidden;
}

div.promotions-image a, div.promotions-image a img { display:block; }

div.promotions-details {
	margin-left:80px;	
}

div.promotions-details h2 {	font-size:16px; }
div.promotions-details h2 a { text-decoration:none; }
div.promotions-details h2 a:hover { text-decoration:underline; }

a.more-link { 
	background:url('../images/more-link-icon.png') no-repeat; 
	display:block;
	text-indent:-9999px;
}

a.more-link:hover { background-position:top right; }

/* Back Button */
div#back {
	float:right;
	font-size:12px;
	margin-top:3px;
}

div#back a, div#back a:visited {
	text-decoration: none;
	display:block;	
	line-height: 16px
}
div#back a span {
	background: top right url('../images/back-btn.png') no-repeat;
	height: 18px;
	display:block;
	padding-right: 22px
}

div#back a:hover span { background-position: bottom right; }

/* Single Promotion */
div#single-promotion-image {
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	border:1px solid #e9e8e8;
	width:500px;
	height:340px;
	margin:0 auto;
	position: relative
}

a#prev-promotion, a#next-promotion {
	background:url('../images/promotions-navigations.png') no-repeat;
	display:block;
	text-indent:-9999px;
	position: absolute;
}

a#prev-promotion { background-position:top left; }
a#prev-promotion:hover { background-position:bottom left; }

a#next-promotion { background-position:top right; }
a#next-promotion:hover { background-position:bottom right; }

/* Share Button */
a.share-btn {
  background: url("../images/share-btn.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  font-size: 0;
  height: 18px;
  line-height: 0;
  margin-right: 5px;
  margin-top: 1px;
  text-indent: -9999px;
  width: 60px;
}

/* Like Button */
div.like-button {
	float:right;
	text-align:right;
	width:155px;
}

/* Like */
div#like {
	background:url('../images/like-bg.png') no-repeat;
	height:700px;
}

div#like h1 {
	text-indent:-9999px;
}

/* Comments Wrapper */
div#comments-wrapper {	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	margin:10px 15px;
	padding:10px;
}

div#comments-wrapper h2 {
	margin-bottom:0;
	font-size:18px;
}

div.fb-comments { margin-top:10px; }

a#comments-btn {
	background:url('../images/comments-btn.png') no-repeat;
	display:block;
	float:right;
	height:16px;
	width:16px;
	text-indent:-9999px;
	margin:5px 5px 0 0;
}

a.opened { background-position:bottom left !important; }
a.opened:hover { background-position:bottom right !important; }

a.closed { background-position:top left !important; }
a.closed:hover { background-position:top right !important; }

div#comments { display:none; }

/* Pagination */
div#pagination {
	text-align: center;
	padding: 15px 0;
}
div#pagination ul li {
	display: inline-block;
}
div#pagination ul li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 4px 8px;
	text-decoration: none;
}

/* Footer */
div#footer {
	padding: 10px;
}
/* Copyright */
div#copyright {
	color: #777777;
	float: left;
	font-size:12px;
}
div#copyright a, div#copyright a:visited {
	color: #777777;
	text-decoration: none;
}
div#copyright a:hover {
	color: #a6a6a6;
}
/* Apps Button */
div#apps {
	float: right;
	padding-top: 4px;
}
a#apps-btn {
	background: url('../images/apps-btn.png') no-repeat;
	display: block;
	height: 16px;
	width: 112px;
	text-indent: -9999px;
}
a#apps-btn:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE 5-7 */
	-moz-opacity: 0.7; /* Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7; /* Good browsers */
}
